草庐IT

HTML5 新元素

全部标签

javascript - jQuery UI 可拖动 - 当内部元素大于父级时,将内部元素限制在父级内

我正在尝试使用jQueryUI实现这种效果-非常类似于您在Facebook上裁剪图像的方式:http://blog.creonfx.com/examples/javascript/facebook-cropping-mootools.html这是一个非常简单的HTML测试用例(div中的img):这里是看起来符合目的的逻辑——但它还没有完成:$("img").draggable({drag:dragHandler});functiondragHandler(event,ui){varx=event.target.x-event.target.parentNode.offsetLeft;

javascript - 如何使固定的 float 元素停在#footer?

下面是我用来在用户滚动时修复侧边栏的代码。截至目前,它与我的页脚重叠。我怎样才能让它在某个点或到达页脚时停止?$(document).ready(function(){if($('.pageheaderwrap').length){$(window).scroll(function(){if($(this).scrollTop()>362){$(".sidebar-left").css({"position":"fixed","top":0});}else{$(".sidebar-left").css({"position":"absolute","top":"255px"});}})

javascript - 使用 JavaScript 或 jQuery,如何在 <img> 或 <div> 元素中特别是鼠标移动的地方获取 RGB 颜色

我有一张图片,.无论何时何地移动鼠标光标,我都试图获得RGB颜色。如何使用jQuery或纯JavaScript执行此操作?例如:http://www.script-tutorials.com/demos/158/index.html跟进(用于复制粘贴测试):headScript();?>$(document).ready(function(){varimage=newImage();varctx=$('#panel')[0].getContext("2d");/*Loadthepictureempty.jpg*/image.onload=function(){ctx.drawImage

javascript - 是否有任何库可以使从字符串创建元素变得容易?

我需要从这个html字符串创建一个元素:delete现在,我必须使用:varli=document.createElement("li");li.className="station_li";varspan=document.createElement("span");span.className........................这真的很无聊,有没有什么js库可以使这更容易?注意:请不要使用jQuery 最佳答案 我经常作弊。functioncreateElmt(html){vardiv=document.create

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 使用 Underscore.js 在 html 属性中插入

我正在使用Backbone.js、Underscore.js、HAML和Coffeescript构建应用程序。我遇到的问题是让变量插入到html元素属性中。%tr%td%input{:type=>'checkbox',:name=>"documents[]",:value=>""}%td%td对象的值在中正确显示,但不在输入的值属性内。是否可以在元素的属性内部进行插值?我找不到解决方案。谢谢 最佳答案 这个问题的解决方案是使用HAML的:escape_attrs选项。Haml::Engine.new(template,:escape

javascript - HTML5 样板页面特定的 Javascript 放置

问题如果您使用单个javascript文件来保存所有脚本,那么您将只用于一个页面的脚本放在哪里?背景这可能是一个意见或“最佳实践”问题,但我对其他人的意见很感兴趣:我正在使用html5Boilerplate在一个项目上。他们recommend为了速度和一致性,您将所有javascript放在一个文件script.js中。似乎有道理。但是,我有一些只与单个页面相关的地理定位脚本,与其他页面无关。我是否应该打破惯例,将此脚本放在我调用它所依赖的javascript库的页面下方?只需将对相关函数(位于script.js中)文件的调用放在它们所依赖的库的链接下方?谢谢!

javascript - 如何使用jquery从window.open js函数获取元素和html

我正在尝试打开这样的弹出窗口:$('#btn').click(function(){varpopup=window.open('mypage.php','_blank','width=500,height=500');vardom=popup.document.body;for(iindom){console.log(dom[i]);}});现在我想做的是从弹出窗口中获取html,并且还能够使用window.opener(打开弹出窗口的页面)中的jQuery函数附言。控制台打印了很多东西,但是没有html源。用这个试试:http://jsfiddle.net/JRqTy/提前致谢。

javascript - 是否可以在一个 html 文件中包含多个 require.js 项目?

我想做这样的事情:我可以只构建第一个文件,然后将构建js文件包含在/js/main中,但是如果能够同时对两个项目进行开发而不必一直构建,速度会快得多.现在,当我尝试这个时,mainD4构建,然后js/main文件没有任何反应。 最佳答案 刚在这里找到答案:https://groups.google.com/forum/?fromgroups#!topic/requirejs/YWFdgYSU2f4require(['scripts/another/main']);或(function(){varreq=require.config(

javascript - 在 d3 for javascript 中,如何为数据创建不同的元素?

例如,在html中,一个可能包含和.您将如何将数据绑定(bind)到一个行选择,该行选择将创建偶数列作为奇数为? 最佳答案 所以,这看起来也不完美,但总有html()方法。​vard=[['a','b','c','d']];varr=d3.select('#myTable').selectAll('tr').data(d);r.enter().append('tr').html(function(d){vari,s='';for(i=0;i':'';s+=d[i];s+=(i%2===0)?'':'';}returns;}​​​​​